<template>
  <div>
    <p>
      自己的input: <input
        type="text"
        :value='value'
        @input='fn'
      >
    </p>
    <p>
      自己的input: <input
        type="text"
        v-model='qqq'
      >
    </p>

    <!-- 当input的内容改变的时候 我们只要触发父组件定义input事件即可 -->
  </div>
</template>
<script>
// @ is an alias to /src
export default {
  props: ["value"],
  methods: {
    fn(e) {
      this.$emit("input", e.target.value);
    },
  },
  computed: {
    qqq: {
      get() {
        return this.value;
      },
      set(v) {
        this.$emit("input", v);
      },
    },
  },
};
</script>
<style lang="less">
</style>